<!DOCTYPE html>
<html lang="hr">
<head>

<meta charset="utf-8" />

<link rel="shortcut icon" href="images/logoSlikaICON.ico" />

<title>nalijepiME</title>


<style type="text/css"> </style>

<link href="CSS/layout.css" rel="stylesheet" type="text/css" />
<link href="CSS/spanButton.css" rel="stylesheet" type="text/css" />
<link href="CSS/popUpPrijaviSe.css" rel="stylesheet" type="text/css" />
<link href="CSS/popUpKontakt.css" rel="stylesheet" type="text/css" />
<link href="CSS/popUpUvjeti.css" rel="stylesheet" type="text/css" />
<link href="CSS/socialNetworks.css" rel="stylesheet" type="text/css" />
<link href="CSS/userButtons.css" rel="stylesheet" type="text/css" />
<link href="CSS/registrirajSePopUp.css" rel="stylesheet" type="text/css" />
<link href="CSS/vlasnikAutaPopUp.css" rel="stylesheet" type="text/css" />
<link href="CSS/vlasnikTvrtkePopUp.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="JS/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="JS/socialNetworks.js"></script>


</head>

<body>
	<!--popUp prozori zasada su tu dok ih ne prebacimo u drugi html-->
	<a href ="#x" class="popUpOverlay" id="logInForm"></a>
		<div class="popUp">
			<div class="backgroundLabel">
				<label for="email"> e-mail </label>
				<input type ="text" class="email" value=""  />
			</div>
		<div class="backgroundLabel">
			<label for="password"> password </label>
			<input type ="text" id="password" value="" />
		</div>
		<input type ="button" value="Prijavi se" />
		
		<a class = "close" href="#close"></a>
		</div>
		
	<a href ="#x" class="popUpOverlayKontakt" id="kontaktForm"></a>
		<div class="popUpKontakt">
			<div style="background-color:#3B5998;">
				<label for="email"> e-mail </label>
				<input type ="text" id="emailKontakt" value="" />
			</div>
			
			<div>
				<textarea name="styled-textarea" id="styled" onfocus="this.value=''; setbg('#e5fff3');">Poruka...</textarea>
			</div>
			
		
			
		<input type ="button" value="Pošalji poruku" />
		
		<a class = "close" href="#close"></a>
		</div>
		
		<a href ="#x" class="uvjetiOverlay" id="uvjetiForm"></a>
		<div class="uvjetipopUp">
			<div id="tekstUvjeta">
				 Mi nismo za ništa odgovorni!
			</div>
		
			<div id ="slazemSe">
				<a class = "slazemSe" href="#close">OK</a>
			</div>
			
			<a class = "close" href="#close"></a>
			
		</div>
		
			<a href ="#x" class="registerOverlay" id="registerForm"></a>
		<div class="registerpopUp">
			<div class="backgroundLabel">
				<a href="#vlasnikAutaForm" id="vlasnikAutaPopUp" class="vlasnikAuta"> Vlasnik auta </a>
			</div>
			
			<div class="backgroundLabel">	
				<img class = "registerIMG" src="images/mercedes.png" alt="Vlasnik automobila"/>
			</div>
			
			<div class="backgroundLabel">
				<a href="#vlasnikTvrtkeForm" id="vlasnikTvrtkePopUp" class="vlasnikTvrtke"> Vlasnik tvrtke </a>
			</div>
			
			<div class="backgroundLabel">	
				<img class = "registerIMG" src="images/mercedes.png" alt="Vlasnik tvrtke"/>
			</div>
			
		<a class = "close" href="#close"></a>
		</div>
		
		<a href ="#x" class="vlasnikAutaOverlay" id="vlasnikAutaForm"></a>
		<div class="vlasnikAutapopUp">
		
			<div class="backgroundLabel">
				<label for="ime"> Ime </label>
				<input type ="text" id="ime" value=""  />
			</div>
			
			<div class="backgroundLabel">
				<label for="prezime"> Prezime </label>
				<input type ="text" id="prezime" value=""  />
			</div>
			
			<div class="backgroundLabel">
				<label for="email"> e-mail </label>
				<input type ="text" class="email" value=""  />
			</div>
			
			<div class="checkbox" id="backgroundLabel">
				<input type="checkbox" > Pročitao/la sam uvjete korištenja
			</div>
		
			
		<input type ="button" value="Registriraj se" />
		
		<a class = "close" href="#close"></a>
		</div>
		
		
		<a href ="#x" class="vlasnikTvrtkeOverlay" id="vlasnikTvrtkeForm"></a>
		<div class="vlasnikTvrtkepopUp" >
		
			<div class="backgroundLabel">
				<label for="nazivTvrtke"> Naziv tvrtke </label>
				<input type ="text" id="nazivTvrtke" value=""  />
			</div>
			
			<div class="backgroundLabel">
				<label for="adresa"> Adresa </label>
				<input type ="text" id="adresa" value=""  />
			</div>
			
			<div class="backgroundLabel">
				<label for="email"> e-mail </label>
				<input type ="text" id="email" value=""  />
			</div>
			
			<div class="checkbox">
				<input type="checkbox" > Pročitao/la sam uvjete korištenja
			</div>
		
			
		<input type ="button" value="Registriraj se" />
		
		<a class = "close" href="#close"></a>
		</div>
		
		
		
		
		<header id="headerBackground">
			
			<div id="socialNetworks">
				<img src="images/FB.png" alt="Facebook"/>
				<img src="images/G+.png" alt="Google plus"/>
				<img src="images/Twitter.png" alt="Twitter"/>
			</div>
		
	
		
				<div id="slikaHeader">
					<img src="images/logoSlika.png" width="283" height="120" alt="logo" />
				</div>
		
		</header>
	
	<div id="menu">
		<div class="emptySpace">
		</div>
		
		<div class="pageButton">Početna
		</div>
		<div class="pageButton">Oglasi
		</div>
		<div class="pageButton">O Nama
		</div>
		<div class="pageButton">FAQ
		</div>
		
		<div class="emptySpace">
		</div>
	
	</div>
	
	</header>
	
	
	
	<div id ="userButtons">
	
			<div id ="register">
				<a href="#registerForm" id="registerPopUp">Registriraj se</a>
			</div>
		
			<div id ="logIn">
			
				<a href="#logInForm" id="logInPopUp"> Prijavi se</a>
			
			</div>
	
	</div>
	
	
	<div id ="mainContent">
		<div id ="pictureIndex">
			<img src="images/mercedes.png" width="400" height="250" alt="Slika naslovnice" />
		</div>
		
	
		<div id="textIndex">
		
		
			<h2>Trebaš lovu ili bolju reklamu?</h2>
		
				<p>Možda nije ovakav kao na slici, ali stoji na super mjestu?
				Imaš auto koji stoji na super lokaciji kojom prolazi puno ljudi dnevno? Misliš da bi mogao pronaći sponzora koji 
				je zainteresiran platiti reklamu na tvom autu? Ovo je pravo mjesto za tebe! 
				Ostavi opis svog auta kako bi pronašao sponzora koji će reći NALIJEPI.me <br/><br/>
				</p>
				
				<a href="#" id = "spanButton2" class="buttonText">Saznaj više - nalijepi.ME!
				</a> 
				<a href="#" id = "spanButton" class="buttonText">Registriraj se  - besplatno je!
				</a> 
	
		
		</div>
	
	
	
	
	</div>
	
	<footer id="footerWrapper">
		<div id="footer">
			<div class="footerTextWrapper">
				<div class="textFooter">
					<a href="#uvjetiForm" id="uvjetiPopUp">Uvjeti korištenja</a>
				</div>
				<div class="textFooter">Site map
				</div>
				<div class="textFooter">
					<a href="#kontaktForm" id="kontaktPopUp">Kontakt
					</a>
				</div>
			
			</div>
			<div class="footerTextWrapper">
				
				<div id="footerSocialNetworks" class="parent">
				
					
						
						
						<img src="images/FB.png" width="30" height="30" alt="Facebook" />
							

						
						<img src="images/G+.png" width="30" height="30" alt="Google plus" />
						
					
						<img src="images/Twitter.png" width="30" height="30" alt="Twitter"/>
						
					
					
					
					
				</div>
			
			</div>	
		</div>	
	</footer>
</body>
</html>
